.var-primary(@primary: #afb42b; @primary-weak: #c0ca33) {
    --primary        : @primary;
    --primary-70     : fade(@primary, 70%);
    --primary-50     : fade(@primary, 50%);
    --primary-30     : fade(@primary, 30%);
    --primary-weak   : @primary-weak;
    --primary-weak-50: fade(@primary-weak, 50%);
}

:root {
    .var-primary(#6062ce, #7a89df);

    &.dark {
        .var-primary(#6062ce, #7a89df);
    }
}

.trm-top-bar {
    .container {
        .trm-left-side {

            .trm-logo-frame {
                width          : 100% !important;
                justify-content: center;

                img {
                    height: 70%;
                    width : auto !important;
                }
            }
        }
    }
}

@media(max-width:1200px) {
    .trm-logo-frame {
        img {
            display: none;
        }
    }
}